aboutsummaryrefslogtreecommitdiffstats
path: root/src/routes/(app)/voucher/[code]
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2022-11-14 02:44:55 -0600
committerAdam Soltys <[email protected]>2022-11-14 02:44:55 -0600
commit54600e38ff6c9e9b762bea09928dc3d290b33498 (patch)
tree2d940e1c7fc0c88a3f8e3f9bfc9b270e7e92d759 /src/routes/(app)/voucher/[code]
parentffc4f5245696170d6446c4da2535b29eb2958e6a (diff)
downloadcoinos-ui-54600e38ff6c9e9b762bea09928dc3d290b33498.tar.gz
coinos-ui-54600e38ff6c9e9b762bea09928dc3d290b33498.zip
fix voucher redemption
Diffstat (limited to 'src/routes/(app)/voucher/[code]')
-rw-r--r--src/routes/(app)/voucher/[code]/+page.server.js8
-rw-r--r--src/routes/(app)/voucher/[code]/+page.svelte59
2 files changed, 0 insertions, 67 deletions
diff --git a/src/routes/(app)/voucher/[code]/+page.server.js b/src/routes/(app)/voucher/[code]/+page.server.js
deleted file mode 100644
index 62270af4..00000000
--- a/src/routes/(app)/voucher/[code]/+page.server.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { get } from '$lib/utils';
-import Qr from 'qrcode-base64';
-export let load = async ({ params: { code }, url }) => {
- let payment = await get(`/payment/${code}`);
-
- let src = Qr.drawImg(url.href, { size: 300 });
- return { payment, src };
-};
diff --git a/src/routes/(app)/voucher/[code]/+page.svelte b/src/routes/(app)/voucher/[code]/+page.svelte
deleted file mode 100644
index b25c6c49..00000000
--- a/src/routes/(app)/voucher/[code]/+page.svelte
+++ /dev/null
@@ -1,59 +0,0 @@
-<script>
- import { page } from '$app/stores';
- import { Icon } from '$comp';
- import { toast } from '@zerodevx/svelte-toast';
- import { t } from '$lib/translations';
- import { copy, f, s, sat, sats } from '$lib/utils';
- import { loginRedirect, selectedRate } from '$lib/store';
-
- export let data;
- let { src } = data;
- $: ({ amount, currency, rate, redeemed, redeemcode, user } = data.payment);
-
- toast.pop(0);
-
- $: amountFiat = parseFloat(((-amount * rate) / sats).toFixed(2));
-</script>
-
-<div class="container px-4 max-w-lg mx-auto mt-10 space-y-5">
- <div class="w-full flex">
- <a href="/" class="mx-auto">
- <Icon icon="logo" />
- </a>
- </div>
-
- <div class="flex justify-center items-center text-center">
- <div class="shadow-xl rounded-3xl px-10 pt-5 pb-10 space-y-5 w-full mx-5">
- <h1 class="text-3xl md:text-4xl font-bold">Voucher</h1>
-
- <img
- {src}
- class="w-[300px] mx-auto cursor-pointer"
- on:click={() => copy(redeemcode)}
- alt="Redeem Code"
- />
- <div>
- <h2 class="text-2xl md:text-3xl font-semibold">
- {f(amountFiat, currency)}
- </h2>
- <h3 class="text-secondary md:text-lg mb-6 mt-1">
- {sat(amount)}
- </h3>
- </div>
- <div class="mx-auto my-auto flex gap-2 justify-center" data-sveltekit-prefetch="off">
- <a
- href={`/redeem/${redeemcode}`}
- on:click={() => ($loginRedirect = `/redeem/${redeemcode}`)}
- >
- <button
- class="text-lg rounded-full border py-3 px-7 font-bold hover:opacity-80"
- class:bg-gray-200={redeemed}
- disabled={redeemed}
- >
- {redeemed ? 'Redeemed' : 'Redeem'}
- </button>
- </a>
- </div>
- </div>
- </div>
-</div>